html {
	background: rgba(0, 81, 151, 1);	/*	background: rgba(21, 72, 153, 1);  rgba(2, 82, 84, 1)*/
	color:white;
}
 a {
	color:white;
}
 a:active{
	 color:#09BB07;
	 background:rgba(255,255,255,0.5);
 
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	min-width:1210px;
	width: 100%;
	height: 100%;
	 moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}
 .nav_body {
	overflow: hidden;
}
ul li {
	list-style: none
}
a {
	text-decoration: none;
	display: inline-block;
	    width: 100%;
    height: 100%;
}
.shadow {
	-webkit-box-shadow: 0 0 8px #000;
	-moz-box-shadow: 0 0 8px #000;
	box-shadow: 0 0 8px #000;
}
.gradient {
 
    background: radial-gradient( rgba(255, 255, 255, 0.28) 3%, rgba(255, 255, 255, 0) );
}
.btn {
	cursor: pointer;
 
	padding: 2px;
	-webkit-box-shadow: 0px 2px 2px #000;
	-moz-box-shadow: 0px 2px 2px #000;
	box-shadow: 0px 2px 2px #000;
	text-align: center;
	border:none;
}
.btn:hover {
	-webkit-box-shadow: inset 0 0 20px #fff;
	-moz-box-shadow: inset 0 0 20px #fff;
	box-shadow: inset 0 0 20px #fff;
}


/*ͷ??*/
.header {
	width: 100%;
	height: 80px;
    position:fixed;
}
.header .logo {
	float: left;
	padding: 10px 15px 0px 50px;
}
.header .pageTitle{
	color: #FFF;
	 
	letter-spacing:0px; 
	font-size: 28px;
	/* width: 560px; */
	height: 40px;
	margin: 26px 20px 0px 0px;
	float: left;
	font-family: '黑体';
	text-shadow: 0px 1px 0px #666, 0px 2px 0px #555, 0px 3px 0px #222, 0px 6px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.2), 0px 20px 20px rgba(0, 0, 0, 0.15);
}

.header .h_tool {
	float: right;
	margin: 20px 5px 15px 5px;
}
.header .h_tool#user_info{
	width:80px;	
}
  span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
 
 -o-text-overflow:ellipsis; 
 
}
#user_info span,#user_info a{
	display:inline-block;
	width:50px;
	line-height:20px;
	text-align:center;
}
#user_info .login_out{
	margin-top:5px;
}
.header .h_tool .h_t_item {
    width: 70px;
    height: 40px;
    margin-right: 10px;
    float: left;
    border: none;
    font-size: 16px;
    /* overflow: hidden; */
    position: relative;
    color: white;
}


.header .h_tool .h_t_item:last-child{
		margin-right: 0px;
}
/*@-webkit-keyframes turnBig {
	0% {
	   background-size: 50px 50px;
	}
	100% {
		background-size: 55px 55px;
	}
}
@keyframes turnBig {
	0% {
	  background-size: 50px 50px;
	}
 
	100% {
		background-size: 55px 55px;
	}
}
.turnBig {
	-webkit-animation-name: turnBig;
	animation-name: turnBig
}*/
.h_t_item#push_weixin{
	background-image: url("./image/w5.png");
}
 
.header .h_tool .h_t_item.split{
   width:0px;
   border-left:1px solid rgba(255,255,255,0.5);
   border-right:1px solid rgba(0,0,0,0.5);
 
   box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.header .h_tool .h_t_item div{
       position: absolute;
    width: 68px;
    height: 32px;
    line-height: 32px;
    bottom: 6px;
    background: rgba(0,0,0,0.1);
 
}
.header .h_tool .h_t_item.clicked div{
box-shadow: 0 -2px 2px #FFFFFF,0 -5px 2px #000000;
    /* margin-top: 10px; */
    bottom: 3px;
}
.header .h_tool .h_t_item:hover{
  background-size: 95% 95%;
}
.header .h_tool .h_t_item.active{
 
    color: #34F703;

}

.header .h_tool .h_t_item.disabled{
	
	background: rgba(0,0,0,0.4);
}
/*颜色样式切换*/
.header .h_tool .h_c_item {
	width: 5px;
	height: 5px;
	margin-right: 10px;
	float: left;
	border: none;
}
.header .h_tool .h_c_item.c_green {
	
	background: rgba(0,81,151, 1);
}
.header .h_tool .h_c_item.c_blue {
	background: rgba(21, 72, 255, 1);
}
.header .h_tool .h_c_item.c_purple {
	background: rgba(2, 82, 84, 1);
}
/*未使用  非选择器 ：not 的范围 问题 使用js 对attr position 判断*/
.admin_true   .admin{
	display:block;
}
.admin_false  .admin{
	display:none;
}
/* 用户信息展示 */



.mcontent {
	width: 100%;
 
	top:80px;
	bottom:40px;
    position: fixed;
    display: flex;
    flex-flow: row;
    padding: 4px 0px;
}


/*显示主区域*/
 .c_body .page_view {
	width: 100%;
	height: 100%;
}
.c_body .page_view {
	position: absolute;
	top: 0px;
	 
 
}
.c_body .page_view .ds_tool {
	width: 100%;
	height: 40px;
	line-height:40px;
	background: #005197;
 
}
.ds_tool .title{
     padding-left: 10px;
 
}
/* .c_body #page_view .close {
	cursor: pointer;
	float: right;
	margin-right: 5px;
	background-image: url("images/Close-32.png");
	height: 28px;
	width: 70px;
	background-size: 30px 30px;
}
.c_body #page_view .close img{
	float:right;
	padding:1px;
} */

/*�������*/
.mcontent .c_body {
	height: 100%;
	position: absolute;

	background: -moz-radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	background: -webkit-radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background: -o-radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background: radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
	overflow: hidden;
 
}
.ds_view  .now_pic,.ds_view .mor_pics {
	height:inherit;
 
}
.now_pic .picTime{
        position: absolute;
    /* top: 5px; */
    /* left: 50%; */
    background: rgba(4, 4, 4, 0.37);
 
    line-height: 30px;
    width: 100%;
    /* margin: 0 auto; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* padding: 5px 20px 5px 20px; */
    color: white;
    text-align: center;
 
    z-index:1;
}
.now_pic{
	position:relative;
	cursor:pointer;

}
.now_pic img{
	width: 100%;
	height: 100%;
   /*  height: auto; */
}
.mor_pics{
	height:inherit;
	display: -webkit-box;
   -webkit-box-orient: vertical;

}
 .mor_pics .showicon{
    width: 280px;
    height: 210px;
 }
.mor_pics .mor_pic_item,.mor_pics  .mor_video_item{
    
    width: 280px;
    float: left;
    margin: 5px 0px 5px 5px;
    border: 1px solid rgba(255, 255, 255, 0);
 
    box-shadow:1px 2px 3px rgba(0, 0, 0, 0.34),3px 4px 6px #000000;
}
.mor_pics .mor_pic_item.active,.mor_pics .mor_video_item.active{
     border: 1px solid #fff;
 
}


#big_area{
	/* width:600px; */
	float:left
}

#small_area{
	width:600px;
    height:inherit;
}
.err_text{
 
   
}

/*�˵�logo*/
.nav_log {
	height: 30px;
	padding: 5px;
	display:none;
}
.nav_log img {
	margin: 0 0 0  30px;;
}

/*�Ҳ�˵���*/
.mcontent .c_nav {
	height: 100%;
	width: 240px; 
	    box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.37);
	/*
    background:  -o-linear-gradient(to left, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.25) 3%, rgba(0, 0, 0, 0.36) );
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.25) 3%, rgba(0, 0, 0, 0.36) );*/
}
.nav_body {
 
}
.nav_body .nav_group{
	display: block;

}
.nav_body .nav_group .nav_g_title {
	    height: 40px;
    line-height: 40px;
 
    padding-left: 10px;
 
    box-shadow: 0px 0px 2px 2px rgba(2, 2, 2, 0.52);
    background： rgba(0, 0, 0, 0.2);
}
.nav_items {
 
 
}
.nav_items  .level_1{
    cursor: pointer;
    line-height:30px;
    margin: 1px;
        width: 100%;
 
}
.nav_items  .level_1::before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 15px solid #ffffff;
    border-bottom: 8px solid transparent;
    float: left;
    margin: 7px -22px 3px 5px;
}
.nav_items  .level_1.active::before{
 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 15px solid #ffffff;
 
}
.nav_items  .level_1 .span {
	   height: 35px;
	  width:100%;  
	display:block;
  
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
    padding-left:25px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 5%, rgba(255, 222, 222, 0.2) 15%, rgba(243, 243, 243, 0.2)100% );
}
.nav_items  .level_1.active .span{
	background: none;
}

.nav_items  .level_1.active .item_content{
		display: inline-block;
		width:100%;
}
.nav_items  .level_1 .item_content{
	display:none;
}
 
/* 滚动条*/
.scroll{
	 height: inherit;
     overflow: auto;
     overflow-y: auto;
    overflow-x: hidden;
}
.scroll::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}
.scroll::-webkit-scrollbar-track {
 background-color:rgba(255, 250, 250, 0.17);
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.scroll::-webkit-scrollbar-thumb {
 background-color:rgba(251, 251, 251, 0.51);
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}



.nav_items  .level_2{
    cursor: pointer;
   /*  padding: 3px 3px 3px 20px;
    margin: 5px;
    -webkit-box-shadow: inset 1px 0px 1px #FFF; */
    
}
.nav_items  .level_2 .name{
	display:block;
 
   
    height: 40px;
    line-height: 40px;
    float: left;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap!important;
}

.nav_items_lay{
	overflow-y: auto ;
	overflow-x: hidden;
	 
}

.nav_items .nav_item {
 
	height: 40px;
    line-height: 40px;
    margin-top: 5px;
/*     background: rgba(21, 21, 23, 0.28); */
    text-align: center;
    color: white;
   /*  border: 1px solid #999; */
    box-shadow: 1px 2px 2px  rgba(0, 0, 0, 0.54);
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
.nav_items .nav_item:hover{
	
	background: rgba(21, 21, 23, 0.4);
}
/*��??*/
.bottom {
	width:100%;
	height: 40px;
    line-height: 40px;
 
	bottom: 0px;
	width: 100%;
	
	/* background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
 */
 
	position:fixed;
	bottom:0px;
}
.bottom img {
    float:right;
    margin-right:20px;
    margin-top:5px;
}

/*����*/
.wire {
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.5));
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.5));
}
.wire_a {
	width: 100%;
	height: 20px;
	background: red
}
.wire_b {
	width: 100%;
	height: 20px;
	background: red
}
.wire_c {
	width: 100%;
	height: 20px;
	background: red
}
.nav_items   .name::before{
	content: "";
    display: block;
    width: 15px;
    height: 15px;
 
    background: #0f0;
    float: left;
    margin: 8px 5px 5px 0px;
    border-right: 1px solid #555;
    border-bottom: 1px solid #333;
    position: relative;
    top: 5px;
    
}

.nav_items  .online_1 .name::before{
 
    background: #0f0;
 
}
.admin_false .nav_items  .online_0 .name::before{
   
    background: #0f0;
 
}
.admin_true .nav_items  .online_0 .name::before{
 
    background: #f00;
 
}
/**

地图样式

*/
	.mapInfo{ 
			 position: absolute;
			 padding:5px;
			 color:white;
	 }
	 
	.mapInfo_layout{
		 /* width:100px; */
	/* 	 height:100px; */
	 
		 background-color: rgba(0, 127, 127, 0.543);
	     box-shadow: 0px 0px 10px rgba(0,255,255,0.8);
		 border: 1px solid rgba(127,255,255,0.75);
		 padding:3px;
	}
	
	.mapInfo_layout:hover {
	    background-color: rgba(0, 127, 127, 0.843);
		box-shadow: 0px 0px 10px rgba(255,255,255,1);
		border: 1px solid rgba(127,255,255,1);
	}
	.mapInfo.active  .mapInfo_layout{
	        background-color: rgba(29, 29, 29, 0.543);
	   	    box-shadow: 0px 0px 10px rgba(6, 6, 6, 0.8);
	        border: 1px solid rgba(25, 25, 25, 0.75);
	}
	
	.mapInfo_icon{
	    height: 70px;
	    width: 30px;
	    background: url("./image/tower.png");
	    display: inline-block;
	    position: absolute;
	    left: -30px;
	    top: -10px;
	    background-size:cover;
	}
	.eqp_weather{
	    width: 28px;
    height: 28px;
    background-color: rgba(10, 10, 10, 0.2);
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255,255,255,0.3);
 
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.17);
	}
	
 .level_2 .eqp_weather
{
 
    top: 0px;
    margin-right: 3px;
    float: right;

  
 }
	.mapInfo_layout .eqp_weather{
		position: absolute;
	    top: -18px;
	    left: -22px;
	     background-color: rgba(10, 10, 10, 0.6);
	}	
	
	
/*标题工具*/
  .title_tool{
   float:right;
   display:flex;
   padding: 2px 10px;
    height: 80%;
  }
   .title_tool a{
	   padding: 0 5px;
	   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.54);
	   margin: 0px 5px;
	   cursor: pointer;
	  
	   border-radius: 2px;
	   font-size: 1.33333333em;
   }
 .title_tool a i:hover{
    color:#0f0;
  }
  /*自定义表格*/
  
.ds_view .dgride{
		 
		    border: 1px solid rgba(255, 255, 255, 0.32);
		    border-radius: 5px;
		    width: 100%;
		    min-width:1000px;
		    height: 100%;
		 
		    background: rgba(0,0,0,0.2);
		    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
					
		}
	   .dgride .gbheader{
	        height: 40px;
		    line-height: 40px;
		    text-align: center;
		    box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
		    display: flex;
		    /* border-bottom: 1px solid #888; */

 }
.dgride .items .item{
   color: white;
   line-height: 40px;
   cursor: pointer;
   height: 40px;	
   display: flex;    
 }  
 .dgride .items .item:nth-child(2n+1){
 	   /*   background:  linear-gradient(to top, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0.2)100% );   */
  	          background:    rgba(255, 255, 255, 0.2) ;   
  }
  
 
    
.dgride   span,.dgride   input{
	text-align: center;
	line-height:  35px;
	height: 38px;
	display: inline-block;
	border: none;
	float: left;
	
	color:white;  
	width:8%;
	background: rgba(0,0,0,0.1); 
	margin: 0 1PX;
   }

  /* 设置ITEM的输入和编辑宽度*/
 
.dgride  input{
   background: rgba(0,0,0,0.2);
   color: white;	    
 }
 input[type=checkbox]{
        height:20px;
        margin-top:4px;
 }
 .dgride .items .item.active  {
     background:rgba(0,0,0,0.35);	
 }
 .dgride .items .item.editable  {
     background:rgba(8, 255, 130, 0.35);	
 }
 /* 设置格列宽度*/
/*   .dgride     .used{
     width: 3%;
    
 }
 .dgride      .corpSecret{
     width: 24%;
    
 }
 
.dgride     .aesKey{
     width: 18%;
    
 }
 
 .dgride     .corpicon,.dgride     .corpid {
   width:8%;
 }
 
.dgride .corpApp{
    width:60px;
}
 */


 
/*grid */ 
.dgride .items .item i{
      float: right;
   margin: 10px 5px;
 
   width: 20px;
   height: 30px;
  }
 .dgride  .items  .item i:hover{
    color:#0f0;
  }
	 